﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; Charset=utf-8"/>
  <meta http-equiv="Content-Language" content="zh-CN"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
  <title>Long博客-关于本站</title>
  <link rel="shortcut icon" href="images/logo.png" type="image/x-icon"/>
  <!--Layui-->
  <link href="layui/css/layui.css" rel="stylesheet"/>
  <!--font-awesome-->
  <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
  <!--全局样式表-->
  <link href="css/global.css" rel="stylesheet"/>
  <link href="css/animate.min.css" rel="stylesheet"/>
  <!-- 本页样式表 -->
  <link href="css/about.css" rel="stylesheet"/>
  <link href="css/blog.css" rel="stylesheet"/>
</head>
<body>
<!-- 导航 -->
<nav id="h" class="blog-nav layui-header">
  <div class="blog-container">

    <a href="/QQ/qqLogin" class="blog-user">
      <i class="fa fa-qq"></i>
    </a>

    <a class="blog-logo" href="index.html">Long</a>

    <ul class="layui-nav" lay-filter="nav">
      <li class="layui-nav-item">
        <a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
      </li>
      <li class="layui-nav-item">
        <a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
      </li>
      <li class="layui-nav-item">
        <a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
      </li>
      <li class="layui-nav-item">
        <a href="timeline.html"><i class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a>
      </li>
      <li class="layui-nav-item">
        <a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
      </li>
      <span class="layui-nav-bar"></span></ul>

    <a class="blog-navicon" href="javascript:;">
      <i class="fa fa-navicon"></i>
    </a>
  </div>
</nav>
<!-- 主体（一般只改变这里的内容） -->
<div class="blog-body">
  <!-- 这个一般才是真正的主体内容 -->
  <div class="blog-container">
    <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
      <a href="index.html" title="网站首页">网站首页</a>
      <a><cite>关于本站</cite></a>
    </blockquote>
    <div class="blog-main">
      <div class="layui-tab layui-tab-brief shadow" lay-filter="tabAbout">
        <ul class="layui-tab-title">
          <li lay-id="1" class="layui-this">关于博客</li>
          <li lay-id="2">关于作者</li>
          <li lay-id="3" id="frinedlink">友情链接</li>
          <li lay-id="4">留言墙</li>
        </ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <div class="aboutinfo">
              <div class="aboutinfo-figure">
                <img alt="博客Log" src="img/admin.jpg"/>
                <div><a class="long_wang animated fadeInLeftBig"
                        href="http://www.long225.cn">LongWang</a></div>
              </div>
              <p class="aboutinfo-introduce animated fadeInRightBig">
                一个java程序员的个人博客，记录博主的学习,生活中的一些有趣的事，并分享Java方面技术和源码。</p>
              <p class="aboutinfo-location animated fadeInLeftBig"><i
                  class="fa fa-link"></i>&nbsp;&nbsp;<a target="_blank"
                                                        href="http://www.long225.cn">www.long225.cn</a>
              </p>
              <hr/>
              <div class="aboutinfo-contact animated fadeInRightBig">
                <a title="网站首页" href="/"><i class="fa fa-home fa-2x"
                                            style="font-size:2.5em;position:relative;top:3px"></i></a>
                <a title="文章专栏" href="/foreground/article"><i class="fa fa-file-text fa-2x"></i></a>
                <a title="杂七杂八" href="/foreground/mixed_pic"><i
                    class="fa fa-paper-plane-o fa-2x"></i></a>
                <a title="点点滴滴" href="/foreground/timeline"><i
                    class="fa fa-hourglass-half fa-2x"></i></a>
              </div>

              <fieldset class="layui-elem-field layui-field-title animated fadeInLeftBig">
                <legend>简介</legend>
                <div class="layui-field-box aboutinfo-abstract">
                  <p style="text-align:center;">
                    博客是一个由JAVA开发的个人博客网站，诞生于2018年1月2日，前端页面使用“Absolutely”大神提供的前端模板页面，以及大量的LayerUI组件，网站架构使用springboot+spring
                    date jpa+shiro+Redis+Tomcat架构
                    ，后台部分页面的布局使用fsLayui框架模板。目前大体的主要功能已经完成，后续将会继续完善功能和页面的优化！</p>
                  <h1 style="text-align:center;">The End</h1>
                </div>
              </fieldset>
            </div>
          </div><!--关于网站End-->
          <div class="layui-tab-item">
            <div class="aboutinfo">
              <div class="aboutinfo-figure">
                <img src="img/admin.jpg"/>
              </div>
              <p class="aboutinfo-nickname" ">LongWang</p>
              <p class="aboutinfo-introduce animated fadeInLeftBig">
                一枚90后程序员，Java开发工程师，主攻后端，略懂Web前端</p>
              <p class="aboutinfo-location animated fadeInLeftBig"><i
                  class="fa fa-location-arrow"></i>&nbsp;<span>中国 - 湘潭</span>
              </p>
              <hr/>
              <div class="aboutinfo-contact animated bounceIn">
                <a target="_blank" title="QQ交流"
                   href="http://shang.qq.com/email/stop/email_stop.html?qq=2896543728"><i
                    class="fa fa-qq fa-2x"></i></a>
                <a target="_blank" title="给我写信" href="mailto:2896543728@qq.com"><i
                    class="fa fa-envelope fa-2x"></i></a>
                <a target="_blank" title="新浪微博" href="https://weibo.com/p/1005055534423586"><i
                    class="fa fa-weibo fa-2x"></i></a>
                <a target="_blank" title="后台管理" href="/toLogin"><i class="fa fa-database fa-2x"></i></a>
              </div>
              <fieldset class="layui-elem-field layui-field-title animated bounceInUp">
                <legend>简介</legend>
                <div class="layui-field-box aboutinfo-abstract abstract-bloger">
                  <p style="text-align:center;">诞生于1997年，目前是一个码农，从事Java方向的研究和开发。</p>
                  <h1>个人信息</h1>
                  <p>
                    一个喜欢旅游，喜欢在路上的感觉！喜欢民谣音乐的程序猿~(偶尔会跟大家分享一些好听的民谣音乐，在本站我也会推荐，喜欢的可以关注我的网易云，收藏我自己整理的歌单：蓝色牛仔裤丶)</p>
                  <h1>个人介绍</h1>
                  <p>暂无</p>
                  <h1>未来</h1>
                  <p>还没想好...</p>
                  <h1 style="text-align:center;">The End</h1>
                </div>
              </fieldset>
            </div>
          </div><!--关于作者End-->
          <div class="layui-tab-item">
            <div class="aboutinfo">
              <div class="aboutinfo-figure">
                <img src="images/handshake.png" alt="友情链接"/>
              </div>
              <p class="aboutinfo-nickname">友情链接</p>
              <p class="aboutinfo-introduce">
                Name：Long博客&nbsp;&nbsp;&nbsp;&nbsp;Site：www.long225.cn</p>
              <p class="aboutinfo-location">
                <i class="fa fa-close"></i>经常宕机&nbsp;
                <i class="fa fa-close"></i>不合法规&nbsp;
                <i class="fa fa-close"></i>插边球站&nbsp;
                <i class="fa fa-close"></i>红标报毒&nbsp;
                <i class="fa fa-check"></i>原创优先&nbsp;
                <i class="fa fa-check"></i>技术优先
              </p>
              <hr/>
              <div class="aboutinfo-contact">
                <p style="font-size:2em;">互换友链，携手并进！</p>
              </div>
              <fieldset class="layui-elem-field layui-field-title animated fadeInRightBig">
                <legend>Friend Link</legend>
                <div class="layui-field-box">
                  <ul class="friendlink">
                    <li>
                      <a target="_blank" href="http://wurao.xin" title="勿扰博客"
                         class="friendlink-item">
                        <p class="friendlink-item-pic"></p>
                        <p class="friendlink-item-title">勿扰博客</p>
                        <p class="friendlink-item-domain">http://wurao.xin</p>
                      </a>
                    </li>
                    <li>
                      <a target="_blank" href="http://blog.itcodai.com" title="ITcodai博客"
                         class="friendlink-item">
                        <p class="friendlink-item-pic"><img
                            src="http://blog.itcodai.com/images/favicon.ico"
                            alt="ITcodai博客"></p>
                        <p class="friendlink-item-title">ITcodai博客</p>
                        <p class="friendlink-item-domain">http://blog.itcodai.com</p>
                      </a>
                    </li>
                    <li>
                      <a target="_blank" href="https://www.zqfirst.top" title="旧时光"
                         class="friendlink-item">
                        <p class="friendlink-item-pic"><img
                            src="https://www.zqfirst.top/favicon.ico" alt="旧时光"></p>
                        <p class="friendlink-item-title">旧时光</p>
                        <p class="friendlink-item-domain">https://www.zqfirst.top</p>
                      </a>
                    </li>
                  </ul>
                </div>
              </fieldset>
            </div>
          </div><!--友情链接End-->
          <div class="layui-tab-item">
            <div class="aboutinfo">
              <div class="aboutinfo-figure">
                <img src="images/messagewall.png" alt="留言墙"/>
              </div>
              <p class="aboutinfo-nickname">留言墙</p>
              <p class="aboutinfo-introduce">本页面可留言、吐槽、提问。欢迎灌水，杜绝广告！</p>
              <p class="aboutinfo-location">
                <i class="fa fa-clock-o"></i>&nbsp;<span id="time"></span>
              </p>
              <hr/>
              <div class="aboutinfo-contact">
                <p style="font-size:2em;">沟通交流，拉近你我！</p>
              </div>
              <fieldset class="layui-elem-field layui-field-title">
                <legend>Leave a message</legend>
                <div class="layui-field-box">
                  <div class="leavemessage" style="text-align:initial">
                    <form class="layui-form">
                      <input type="hidden" id="user" name="user" lay-verify="userId"/>
                      <div class="layui-form-item">
                                                <textarea name="content" lay-verify="content"
                                                          id="remarkEditor"
                                                          placeholder="请输入内容"
                                                          class="layui-textarea"></textarea>
                      </div>
                      <div class="layui-form-item">
                        <button class="layui-btn" lay-submit="formLeaveMessage"
                                lay-filter="formLeaveMessage">提交留言
                        </button>
                      </div>
                    </form>
                    <ul class="blog-comment" style="text-align:left;" id="messageList"></ul>
                  </div>
                </div>
              </fieldset>
            </div>
          </div><!--留言墙End-->
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- 底部 -->
<footer id="f" class="blog-footer">
  <p><span>Copyright</span><span>©</span><span>2018</span>
    <a href="http://www.long225.cn">Long博客</a><span>Design By Longwang</span></p>
  <p>
    <a href="http://www.miitbeian.gov.cn" target="_blank">湘ICP备18010289号</a>
  </p>
</footer>
<!--侧边导航-->
<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
  <li class="layui-nav-item">
    <a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
  </li>
  <li class="layui-nav-item">
    <a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
  </li>
  <li class="layui-nav-item">
    <a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
  </li>
  <li class="layui-nav-item">
    <a href="timeline.html"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
  </li>
  <li class="layui-nav-item">
    <a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
  </li>
  <span class="layui-nav-bar"></span>
</ul>

<!--分享窗体-->
<div class="blog-share layui-hide">
  <div class="blog-share-body">
    <div style="width: 200px;height:100%;">
      <div class="bdsharebuttonbox">
        <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
        <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
        <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
        <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
      </div>
    </div>
  </div>
</div>

<!--遮罩-->
<div class="blog-mask animated layui-hide"></div>
<!-- jquery -->
<script src="js/jquery.min.js"></script>
<!-- layui.js -->
<script src="layui/layui.js"></script>
<!-- 全局脚本 -->
<script src="js/global.js"></script>
<!-- 本页脚本 -->
<script src="js/about.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $(".fa-info").parent().parent().addClass("layui-this");
    systemTime();
  });
</script>

</body>
</html>